<template>
    <Modal v-model="showModal" :width="width"  @on-cancel="close" :scrollable="true" :footer-hide="true" :closable="closable" :mask-closable="false" ref="modalForm" >
       <!-- <Row style="overflow: auto;">-->
            <div style="border-bottom: 1px solid #e9e9e9;padding-bottom:6px;margin-bottom:10px;">
                <slot name="header">
                <Icon type="information-circled"></Icon>
                <span>Delete confirmation</span>
                </slot>
            </div>

            <slot name="body">
                <div  style="text-align:center">
                    <p>After this task is deleted, the downstream 10 tasks will not be implemented.</p>
                    <p>Will you delete it?</p>
                </div>
            </slot>
        <!--</Row>-->
        <div slot="footer">
        </div>
    </Modal>
</template>

<script>
    import {eventBus} from "../../../libs/eventBus"
    export default {
        name: "modalForm",
        props:{
            show: { //支持多附件
                type: Boolean,
                default: false
            },
            width:{
                type: Number,
                default: 500
            },
            closable: { //支持多附件
                type: Boolean,
                default: false
            },
        },
        data : function () {
            return {
                showModal:false,
                modalWidth:500,
            }
        },
        watch:{
            show:function (val,oldVal) {
                this.showModal=val;
            },

        },
        methods: {
            close () {
                this.showModal=false;
                eventBus.$emit("closeModal",false);
            }
        }
    }
</script>

